root 
{ 
    display: block;
}
table {
    width: 99%;
}

html,body
{
    background-color: white;
    margin:0%;
    height:100%;
}

.principal
{
    height: 100%;
    width: 100%;        
}

#controles{
    position: absolute;    
    top: 8px;
    left: 0px;
    width: 97%;    
    height: 50px;   
      
    background: #4bc9de;
    border-radius: 0px;           
    font-family: tahoma; 
    font-size : 18px;
    color: #B40404;  
    text-align:left;

}
/************LOGIN*****************************/
.cabeceralogin
{
    width: 100%;
    height: 10%;    
    margin: auto;   
    background-color: white;
}
.menuTopLeft
{
    width: 90%;
    height: 100%;
    float: left;
}
.bordeplateado
{
    width: 100%;
    height: 3%;
    float: left;
    background:  #363636;
}
.pieplateado
{
    width: 100%;
    height: 5%;
    float: left;
    background: #363636;
    text-align: center;
}

.capaPrincipallogin
{
    margin: auto;
    height: 85%;
    width: 100%;
    background-color: darkgrey;
}
.menuLeftlogin
{
    width: 50%;
    height: 80%;
    margin-top: 20%;
    margin-left: 270%;
    float: left;
    border: 18px;
    background-color: #F9F9FF;
    border-bottom: #00529B;


}

.botonplateado{
    border:1px solid #444; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:14px;
    font-family:arial, helvetica, sans-serif; 
    padding: 7px 7px 7px 7px; 
    text-decoration:none; 
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; 
    color: white;

    background-image: linear-gradient(to bottom, #555555, #A19B9E); /*el primero es para la parte superior ,  y el segundo para la parte inferior*/
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
}

.botonplateado:hover{
    border:1px solid #666666;

    background-image: linear-gradient(to bottom, #aaa, #ccc);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
}

.usuario {
    padding:5px;
    border-radius:5px; 
    background: white;
}

.clave {
    padding:5px;
    border-radius:5px; 
    background: white;
}

.usuario:hover {
    padding:5px;
    border-radius:5px; 
    background: #E2FF89;
}

.clave:hover {
    padding:5px;
    border-radius:5px;
    background: #E2FF89;
}


/*****************FIN DE LOGIN*******************************/

/*****************INICIO PÁGINA PRINCIPAL*******************************/
.menuTop
{
    background:-webkit-gradient(linear,0 0,0 bottom,from(#29a1b3),to(#239db0));
    background:-moz-linear-gradient(#29a1b3,#239db0);
    background:linear-gradient(#29a1b3,#239db0);
    -pie-background:linear-gradient(#29a1b3,#239db0);
    width: 100%;
    height: 20px;    
    margin: auto;   
}

.menuTopRight
{
    width: 30%;
    height: 100%;
    float: right;
    margin-top: -30px;
}

.menuTopLeft
{
    width: 90%;
    height: 100%;
    float: left;
    

}

.capaPrincipal
{
    position: initial;
    margin: auto;
    height: 100%;
    width: 100%;
    
    margin: auto;
}

.menuLeft
{
    width: 260px;
    min-height: 650px;
    margin-left: 5px;
    margin-top: 1px;
    float: left;
    border: 18px;
    background-color: black;
    border-bottom: #00529B;
    padding-top: 2px;


}

.PedidoCentral
{
    width: 97%;
    height: 90%;
    margin-top: 16px;
    margin-left: 16px;
    float: left;
    border: 18px;
    background-color: #F9F9FF;
    border-bottom: #00529B;


}

.menuRight
{
    width: 78%;
    min-height: 650px;
    float: right;
    margin-top: 1px;
    margin-right: 10px;
    background-color: black;
}

.subMenu
{
    margin: 3%;
    width: 95%;
    height: 15%;
    background-color: orange;
}

.subMenuTop{
    width: 99%;
    height: 85%;
    background-color: transparent;
}

.subMenuDown{
    
    width: 204px;
    height: 15px;
    background-color: skyblue;
    color: mediumblue;
    background:-webkit-gradient(linear,0 0,0 bottom,from(#29a1b3),to(#239db0));
    background:-moz-linear-gradient(#29a1b3,#239db0);
    background:linear-gradient(#29a1b3,#239db0);
    -pie-background:linear-gradient(#29a1b3,#239db0);
    -webkit-border-radius: 3px;
}

.opc
{
    margin: 1%;
    width: 29%;
    height: 94%;
    background-color: cadetblue;
    float: left;    
    border-radius: 3%; 
}

.textoSubMenu
{
    text-align: center;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 75%; 

}
